// 创建用户相关的小仓库
import { defineStore } from 'pinia'
// 引入接口
import { reqLogin, reqUserInfo, reqLogout } from '@/api/user'
// 引入数据类型
import type {
  loginFormData,
  loginResponseData,
  userInfoResponseData,
} from '@/api/user/type.ts'
import type { UserState } from '@/store/modules/types/type.ts'
// 引入操作本地存储的工具方法
import { GET_TOKEN, SET_TOKEN, REMOVE_TOKEN } from '@/utils/token.ts'
// 引入路由(常量路由)
import { constantRoute, asyncRoute, anyRoutes } from '@/router/routes'
import router from '@/router'
// 引入深拷贝方法
//@ts-ignore
import cloneDeep from 'lodash/cloneDeep'
/**
 * 根据用户权限过滤异步路由
 * @param asyncRoute
 * @param routes
 */
const filterAsyncRoute = (asyncRoute: any, routes: any) => {
  return asyncRoute.filter((item: any) => {
    if (routes.includes(item.name)) {
      if (item.children && item.children.length > 0) {
        item.children = filterAsyncRoute(item.children, routes)
      }
      return true
    }
  })
}
// 创建用户小仓库
let useUserStore = defineStore('User', {
  // 小仓库存储数据的地方
  state: (): UserState => {
    return {
      token: GET_TOKEN(), // 用户唯一标识token
      menuRoutes: constantRoute, // 仓库存储生成菜单需要数组()
      username: '',
      avatar: '',
      buttons: [],
    }
  },
  // 异步|逻辑的地方
  actions: {
    // 用户登陆的方法
    async userLogin(data: loginFormData) {
      // 登陆请求
      let result: loginResponseData = await reqLogin(data)
      // 登陆请求：成功200-》token
      /// 登陆请求：失败201-》提示信息
      if (result.code == 200) {
        // pinia存储token
        // 由于pinia|vuex存储数据其实利用js对象
        this.token = result.data as string
        // 本地持久化储存一份
        SET_TOKEN(this.token)
        // 能保证当前async函数返回一个成功的promise
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data))
      }
    },
    // 获取用户信息方法
    async userInfo() {
      // 获取用户信息进行存储仓库当中【用户头像，名字】
      let result: userInfoResponseData = await reqUserInfo()

      // 如果获取用户信息成功就存储用户信息
      if (result.code == 200) {
        this.username = result.data.name
        this.avatar = result.data.avatar
        this.buttons = result.data.buttons
        // 计算当前用户有权限展示的路由
        let userAsyncRoute = filterAsyncRoute(
          cloneDeep(asyncRoute),
          result.data.routes,
        )
        // 菜单的数据的数据整理完毕
        this.menuRoutes = [...constantRoute, ...userAsyncRoute, anyRoutes] // 需要分号不然报错
        // 目前路由器管理的只有常量路由，需要动态追加路由
        ;[...userAsyncRoute, anyRoutes].forEach((route: any) => {
          router.addRoute(route)
        })
        // 打印当前路由
        // console.log(router.getRoutes())
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
    // 用户退出登陆
    async userLogout() {
      // 退出登陆请求
      let result: any = await reqLogout()
      if (result.code == 200) {
        // 目前没有mock: 退出登陆的接口( 通知服务器本地用户唯一标识失效)
        this.token = ''
        this.username = ''
        this.avatar = ''

        // 清除浏览器存储
        REMOVE_TOKEN()
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
  },
  getters: {},
})
// 对外暴露获取小仓库方法
export default useUserStore
